body  {
  font: 100% Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  background: #666666;
  margin: 0; 
  padding: 0;
  text-align: center;
  color: #000000;
}

.thrColElsHdr #container {
  width: 80em; 
  background: #FFFFFF;
  margin: 0 auto;
  border: 1px solid #000000;
  text-align: left;
}

.thrColElsHdr #header {
  background-color: #1e4b89;
  height: 80px;
  padding: 5px 10px 5px 0px; 
  overflow: hidden;
}
.thrColElsHdr #header h1 {
  color: #000000;
  margin: 0; 
  padding: 10px 0; 
}

.thrColElsHdr .logo {
  float: left;
  background-repeat: no-repeat;
}

#login-clock {
	float: right;
	width: 600px;
}

.thrColElsHdr #login {
	float: right;
	color: #FFFFFF;
	font-size: 8pt
}

#login .button {
	color: black;
}

.thrColElsHdr #logout {
	float: right;
	color: white;
	font-size: 8pt;
	text-align: right;
	width: 500px;
}

#logout a {
	color: white;
}

.thrColElsHdr #sidebar1 {
  float: left;
  width: 30%;
  background: #EBEBEB;
  padding: 5px; 
}
.thrColElsHdr #sidebar2 {
  float: right;
  width: 15em; 
  background: #EBEBEB;
  padding: 5px;
}
.thrColElsHdr #sidebar1 h3, .thrColElsHdr #sidebar1 p, .thrColElsHdr #sidebar2 p, .thrColElsHdr #sidebar2 h3 {
  margin-left: 10px; 
  margin-right: 10px;
}

.thrColElsHdr #mainContent {
 	/*margin: 0 10em 0 10em;*/
 	padding: 5px;
}
.thrColElsHdr #footer {
  padding: 0 10px;
  background:#DDDDDD;
}
.thrColElsHdr #footer p {
  margin: 0; 
  padding: 10px 0;
}

.fltrt { 
  float: right;
  margin-left: 8px;
}
.fltlft { 
  float: left;
  margin-right: 8px;
}
.clearfloat { 
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

/* Form Styles */
.fancy-form label {
	width: 8em;
	float: left;
	margin-right: 2.5em;
}

.fancy-form fieldset {
	border: 1px solid black;
	width: 30em;
}
.fancy-form legend {
	color: white;
	background-color: #3D3D3D;
	padding: 2px 5px 2px 5px;
}

.fancy-form table {
  background-color: #F9FBFD;
  color: #000000;
  width: 300px;
  border: 1px solid #D7E5F2;
  border-collapse: collapse;
}

.fancy-form td {
  border: 1px solid #D7E5F2;
  padding-left: 4px;
}

.fancy-form input {
	color: black;
}

.fancy-form textarea {
	color: black;
	font-size: 10pt;
	text-align: left;
}

.fancy-form img {
	border: 1px solid gray;
}
/* End of form styles */

/* Messages or notifications */
#message {
	font-weight: bold;
	background-color: #CCFFCC;
	color: #003366;
	text-align: center;
	border: 1px thick black;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.message {
  font-weight: bold;
  background-color: #CCFFCC;
  color: #003366;
  text-align: center;
  border: 1px thick black;
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.welcome {
	font-size: large;
}
/* end of messages */

/* Clock Styles */
.clock {
	color: white;
  float: right;
  padding: 0 5px 0 5px;
}

.login-header {
	margin-top: 1px;
	margin-bottom: 10px;
}
.logout-header {
	margin-top: 60px;
}

/* Match layout */
.clear { clear: both; }
.last { margin-right: 0; }
.card-container { float: left; }
/* Match card */
.card-content {
  /*background: #FFFFFF none repeat scroll 0 0;*/
  font-size: 11px;
  overflow: hidden;
  margin-bottom: 2px;
  border: thin black solid;
}
.card-column { float: left; padding: 2px; margin-right: 1px; width: 100%; border: thin black solid; }
.right { margin-right: 0; float: right; }
.match-header { 
	float: left; 
	width: 100%; 
	background-color: #EDEDED;
	border-top: 2px gray solid;
  border-bottom: thin gray solid; 
}
.match-header .match-name  {
	width: 100%;
	background-color: #3D3D3D;
	color: white;
	text-align: center;
	font-size: 12px;
}
.match-header .match-header-table {
	width: 100%;
	color: #343434; 
	display: inline;
	padding: 2px 5px 2px 5px;
}
.match-header-table tr td img { margin-right: 1px; border: thick 1px gray; width: 30px; height: 30px; }
.match-header-table tr td.team-name { font-weight: bold; }
.match-header-table tr td.team-score { text-indent: 30px; font-weight: bold; color: #3D3D3D; }
.match-header-table tr.winner { color: red; }
.match-header .match-status-table { display: inline; width: 100px; height: 100%; }
.match-status-table tr td { text-indent: 50px; border-bottom: none; color: gray; font-weight: bold; text-align: center; }
.match-events-table { 
	width: 100%; 
	float: left; 
	display: inline;
	padding: 2px 5px 2px 5px; 
}
.match-events-table th { border-width: thin; border-color: black; color: #000066; font-weight: bold; }
.match-events-table tr td.event-name { font-weight: bold; }
.match-events-table tr:hover td { background-color: #D0DAFD; }

/* Listing styles (top players, teams list) */
.list-header { 
	float: left; 
	width: 100%; 
	background-color: #3D3D3D; 
	color: white;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	padding: 2px 0 2px 0;
}
.list-content { float: left; width: 100%; overflow: hidden; }
.list-top-performers { }
.top-performer { padding: 2px; background-color: white; }
.top-performer img { width: 35px; height: 38px; }
.alt-row { background-color: #B8B8B8; }